<template>
  <div class="main" style="width:700px;height:500px"></div>
</template>

<script>
import * as echarts from "echarts";
export default {
  name: "CoachAnalyse",
  data() {
    return {};
  },
  methods: {
    init() {
      var myChart = echarts.init(document.querySelector(".main"));
      var option = {
        title: {
          text: "首席教练参数",
          left: "center",
          bottom: "1%"
        },
        legend: {
          data: ["克里斯", "黑天鹅"]
        },
        radar: {
          indicator: [
            { name: "专业技能", max: 6500 },
            { name: "急救技能", max: 16000 },
            { name: "好评率", max: 30000 },
            { name: "奖项", max: 38000 },
            { name: "沟通能力", max: 52000 },
            { name: "团队核心", max: 25000 }
          ]
        },
        series: [
          {
            name: "kli vs blc",
            type: "radar",
            data: [
              {
                value: [6000, 15000, 26000, 35000, 50000, 20000],
                name: "克里斯"
              },
              {
                value: [6000, 14000, 28000, 26000, 42000, 25000],
                name: "黑天鹅"
              }
            ]
          }
        ]
      };
      myChart.setOption(option);
    }
  },
  mounted() {
    this.init();
  }
};
</script>
